body {
	background-color: #F5F5F5;
	width: 100%;

}

* {
	margin: 0;
	padding: 0;
	font-family: "century gothic";
}

.head {
	background: #A0CCDA;
	background: linear-gradient(60deg,#eadcc1,#94b5c2 );
	height: 40%;
	width: 100%;
	text-align: center;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
	
}

.logo {
	width: 10%;

}

nav a {
	font-size: 14px;
	margin: 5%;
	color: black;

}

.banner {
	width: 100%;
	text-align: center;
	margin-top: 30px;
	

}

.banner_picture {
	width: 70%;
	margin: 15px;
	box-shadow: 0 4px 4px #94B5C2;
}

p {
	text-align: center;
	color: #898989;
}

.parner {
	margin: 2% auto;
	width: 100%;
	overflow: hidden;
	text-align: center
}

.parner span img {
	width: 4.8%;
	margin: 0px 0.7%;
	min-width: 35px;
}

.work {
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	justify-content: space-around;

}

.picture {
	width: 25%;
	height: auto;
	background-color: white;
	border-radius: 0.3125rem;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
	margin: 40px 40px 40px 40px;
	text-align: center;
}

.photo {
	width: 100%;
	background-color: whitesmoke;
	border-radius: 0.3125rem;


}
figure a:hover{
	background-color: #8FA6CB;
	box-shadow:0 5px 5px #A0CCDA;
}

.svg{
	display: inline-block;
	width:5%;
}
	


footer {
	background-color: #DDE2D9;
}

.left-footer {
	display: inline-block;
	width: 49%;
	
}

.right-footer {
	display: inline-block;
	flex-direction: row;
	border-left: 1px #8FA6CB solid;
	padding: 2%;
}

.link {
	text-align: center;
}

.link a img {
	width: 5%;
	text-align: center;
}

@media screen and (max-width:660px){
	
	.picture{
		width: 40%;
		margin: 10px;
	}
	.left-footer{
		width:10%;
		
	}
	.link a img{
		width: 40%;
	}
	.right-footer{
		font-size: 10px;
	}
	
}
